<template>
    <div class="new-page">
        <h1>新页面</h1>
        <p>欢迎来到新页面！</p>
    </div>
</template>

<script>
export default {
    name: 'page4',
    data() {
        return {
            message: '这是新页面的内容'
        }
    },
    methods: {
        displayMessage() {
            console.log(this.message);
        }
    },
    mounted() {
        this.displayMessage();
    }
}
</script>

<style scoped>
.new-page {
    padding: 20px;
    background-color: #f0f0f0;
    border-radius: 8px;
}
</style>